@charset "utf-8";

.login_bg {background: url(../img/bg_login.jpg) 0 0 no-repeat;background-size: cover;}

body .g_header {background: none;}

.login_box {position: relative;padding: 55px 45px;}
.login_box .logo {display: block;width: 90px;height: 90px;margin: 0 auto 30px;}
.login_form ul {overflow: hidden;background-color: #fff;border-radius: 8px;}
.login_form li {height: 50px;border-bottom: 1px solid #e8e8e8;box-sizing: border-box;}
.login_form li:last-child {border-bottom: 0 none;}
.login_form li input {-webkit-appearance: none;width: 100%;height: 100%;padding: 0 15px;box-sizing: border-box;font-size: 16px;}
.login_form .type_sel {overflow: hidden;padding-top: 10px;}
.login_form .type_sel label {position: relative;float: left;height: 30px;padding-left: 25px;margin-right: 10px;font-size: 13px;color: #fff;}
.login_form .type_sel label::before {content:"";position: absolute;top: 0;left: 1px;width: 17px;height: 17px;overflow: hidden;margin-right: 3px;border: 1px solid #cdcdcd;background-color: #fff;border-radius: 50%;}
.login_form .type_sel input {position: absolute;top: 5px;left: 6px;width: 9px;height: 9px;overflow: hidden;margin-right: 3px;-webkit-appearance: none;border: 0 none;background-color: #6edc47;border-radius: 50%;opacity: 0;outline: none;transition: all 200ms linear;}
.login_form .type_sel input:checked {opacity: 1;}

.login_form .type_sel_register {padding-bottom: 10px;overflow: hidden;}
.login_form .type_sel_register h3 {padding-bottom: 3px;font-size: 12px;color: rgba(255,255,255,.7);}
.login_form .type_sel_register label {padding: 0;width: 72px;height: 30px;overflow: hidden;margin-right: 7px;text-align: center;line-height: 32px;}
.login_form .type_sel_register label:last-child {margin-right: 0;}
.login_form .type_sel_register label::before {display: none;}
.login_form .type_sel_register label span {position: relative;z-index: 5;transition: all 200ms linear;}
.login_form .type_sel_register label input {top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;opacity: .5;background-color: rgba(255,255,255,0);border: 1px solid rgba(255,255,255,.7);color: #fff;border-radius: 5px;}
.login_form .type_sel_register label input:checked {opacity: 1;background-color: #fff;}
.login_form .type_sel_register label input:checked ~ span {color: #6edc47;}

.login_form li.auth_code {position: relative;padding-right: 90px;}
.login_form li.auth_code .get_code {position: absolute;top: 8px;right: 8px;width: 86px;height: 32px;overflow: hidden;text-align: center;line-height: 32px;background-color: #6fdc48;color: #fff;border-radius: 5px;}
.login_form .btn_save {width: 100%;}

.register_tips {position: fixed;top: 400px;left: 0;width: 100%;text-align: center;color: #fff;}
.register_tips a {text-decoration: underline;color: #fff;}
.get_code_new {position: absolute;top: 8px;right: 8px;width: 86px;height: 32px;overflow: hidden;text-align: center;line-height: 32px;background-color: #6fdc48;color: #fff;border-radius: 5px;}